import { isIos } from "../util/util";
export default {
  install(Vue) {
    Vue.directive("bgBlur", {
      bind: function(el, binding, vnode) {
        const hls = vnode.data.attrs.hls || "hsla(0, 0%, 100%, 0.75)";
        if (isIos()) {
          el.style.background = hls;
          el.style.webkitBackdropFilter = "blur(10px)";
          el.style.backdropFilter = "blur(10px)";
        } else {
          el.style.background = hls;
        }
      }
    });
  }
};
